<template>
    <div>
        <!-- 从不水合组件  <LazyMyComponent hydrate-never /> -->
         <LazyBaseComponent  hydrate-never>
            <div>
                我是hyd组件,我不可以点击，不水合
            </div>
        </LazyBaseComponent>
         <!-- 所有延迟水合组件在水合时都会发出 @hydrated 事件 -->
        <LazyBaseComponent  hydrate-on-visible @hydrated="onHydrate">
            <div>
                我是hyd组件，我水合时发出，我可以点击咯
            </div>
        </LazyBaseComponent>
    </div>
</template>
<script setup lang="ts">
function onHydrate () {
  console.log('Component has been hydrated!')
}
</script>
<style>
/* @import url('~/assets/css/style.css'); */
</style>
